<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">  
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>${seo.title!''}</title>
  	<meta name="description" content="${seo.describe!''}"/>
    <meta name="keywords" content="${seo.keyword!''}"/>
	<link href="/images/favicon.png" rel="shortcut icon" />
	<link rel="stylesheet" type="text/css" th:href="@{css/reception/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/reception/style.css}"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width:1199px)" th:href="@{css/reception/phone.css}"/>
	<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<![endif]-->
	<script>
	var _hmt = _hmt || [];
	(function() {
  		var hm = document.createElement("script");
  		hm.src = "https://hm.baidu.com/hm.js?ee2370df92169848f6c4395d9d488fc1";
  		var s = document.getElementsByTagName("script")[0]; 
  		s.parentNode.insertBefore(hm, s);
	})();
</script>
</head>
<body>
	<div id="solution_system">
		<nav class="nav"></nav>
		<section>
			<div class="sol_system banner">
				<div>
					<img src="images/solution/solution_system_bg1.jpg" title="儿童体测智育系统" alt="儿童体测智育系统">
				</div>
			</div>
			<div class="sol_system_con1 visible">
				<div class="w1200 visible" style="height: 450px;">
					<div class="title title_left">
						<h4>训练系统</h4>
						<p style="margin: 172px 20px;">通过视频、AI技术融合教学管理和服务，实现教学场景的展现、教学过程的记录、教学效果的展示。</p>
					</div>
				</div>
				<div class="w1200 visible">
					<div class="title">
						<h4 style="top: 10px;float: right;margin-right: 20px;">人脸识别</h4>
						<p class="textRright right">智能化数据分析与人脸识别功能，扫脸即可识别个人信息，获取课程方案。取代了成本高、耗时长的传统体测，更加便捷、科学、具有针对性。</p>
					</div>
				</div>
				<div class="w1200 visible">
					<div class="title title_left">
						<h4 style="top: 50px;">数据平台</h4>
						<p>大数据平台将数据实时推送各端口，可供相关部门管理和采集，利用这些实时信息提高营运效率，更好、更全面的提升区域人口健康素质。</p>
					</div>
				</div>
				<div class="w1200 visible">
					<div class="title">
						<h4 style="top: 10px;float: right;margin-right: 20px;">降低投入</h4>
						<p class="textRright right">信息化技术赋能全产业链，赋能校方的运营和教学管理，提高运营能效、降低管理投入。</p>
					</div>
				</div>
			</div>
			<div class="solution_system_con2">
				<div class="w1200 sol_system_product visible">
					<h4>产品体系</h4>
					<h5>加力运动APP</h5>
					<p>加力运动APP是加力运动科技出品的线上产品，面向校方及学生家长。 校方和家长可通过APP查看孩子的体测结果，了解孩子的体质情况。加力会根据孩子的体测数据，分析、生成定制化提升方案，并提供人脸智能识别服务，让每个孩子在学校和家里都能获得科学成长。</p>
				</div>
				<dl class="w1200 sol_system_school visible">
					<h4>校园版APP</h4>
					<dd class="clearfloat">
						<div class="sol_system_project">
							<p class="sol_system_projectScale">课程管理系统</p>
							<p>运营管理系统</p>
							<p>教师培训系统</p>
							<p>体测数据系统</p>
							<div>
								<img src="images/solution/dudu.png">
							</div>
						</div>
						<div class="sol_system_report">
							<img class="block" src="images/solution/solution_report1.jpg" title="加力运动APP" alt="加力运动APP">
							<img src="images/solution/solution_report1.jpg" title="" alt="">
							<img src="images/solution/solution_report1.jpg" title="" alt="">
							<img src="images/solution/solution_report1.jpg" title="" alt="">
						</div>
					</dd>
				</dl>
				<dl class="w1200 sol_system_parents visible">
					<h4>家长版APP</h4>
					<dd class="clearfloat">
						<div class="sol_system_tags visible">
							<p class="le sol_system_projectScale">儿童体质检测报告：基于线下体测，科学分析科学作业加力定制教学计划</p>
							<p class="le">智能人脸识别：无需繁琐登录，人脸识别方便精准</p>
							<p class="rig" style="margin-top: -392px">加力定制教学计划：定制课程、训练方案，提升指标一目了然</p>
							<p class="rig">孩子成绩查询：可以查询孩子体测成绩，对比提升更明显</p>
						</div>
						<div class="sol_system_tagsimg visible">
							<img class="block" src="images/solution/solution_phoneSimg1.png" title="定制化体能提升方案" alt="定制化体能提升方案">
							<img src="images/solution/solution_phoneSimg1.png" title="" alt="">
							<img src="images/solution/solution_phoneSimg1.png" title="" alt="">
							<img src="images/solution/solution_phoneSimg1.png" title="" alt="">
						</div>
					</dd>
				</dl>
				<div class="probation">
				<div class="w1200">
					<dl>
						<dt>免费试用</dt>
						<dd class="left">
							<div class="try">联系人*
								<input type="text" id="name" class="form-control">
							</div>
							<div class="try">机构名称*
								<input type="text" id="email" class="form-control">
							</div>
						</dd>
						<dd class="left">
							<div class="try try_phone">手机号*
								<input type="text" id="phone" class="form-control">
								<span>*手机号码有误，请重填</span>
							</div>
							<div class="try">机构地址*
								<input type="text" id="content" class="form-control">
							</div>
						</dd>
						<button type="button" class="btn btn-default" id="submitAll" data-toggle="modal" data-target="#myModal">立刻申请</button>
					</dl>
					<!-- 弹框 -->
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-body">
									申请成功
								</div>
								<div class="modal-footer">
									<button type="button" class="btn modal-btn" 
											data-dismiss="modal">关闭
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="footer"></div>
		</footer>
	</div>
	<script type="text/javascript" th:src="@{libs/jquery-2.1.0.min.js}"></script>
	<script type="text/javascript" th:src="@{libs/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{js/reception/style.js}"></script>
    <script type="text/javascript" th:src="@{js/reception/js.js}"></script>
	<script type="text/javascript">
	  	$(function(){
			var elmArr = [],
			$win = $(window);
			$(".visible").each(function(i,elm){
				$(elm).data("ot",$(elm).offset().top);
				elmArr.push(elm);
			});
			dealClass(1);
			$win.on("scroll",dealClass);

			function dealClass(isRemove){
				var top = $win.height() + $win.scrollTop();
				if(isRemove!=1){
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") <= top){
							$elem.addClass("visible");
							elmArr.splice(i, 1);--i;}
					}
				}else{
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") >= top){
							$elem.removeClass("visible");
						}
					}
				}
			}


		})
	</script>
</body>
</html>